.d-f {
    display: flex;
    /* 弹性盒模型 */
}
.confrim-btn {
		width: 100%;
		height: 80rpx;
		border-top: 1rpx solid #EEEEEE;
		margin-left: 10rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}
.f-s-12 {
    font-size: 24rpx;
    /* 字体大小为12px */
}

.f-w {
    font-weight: 700;
    /*字体 加粗 */
}

.t-a-l {
    text-align: left;
    /* 文本左对齐 */
}

.t-a-c {
    text-align: center;
    /* 文本居中 */
}

.t-a-r {
    text-align: right;
    /* 文本右对齐 */
}

.t-d-u {
    text-decoration: underline;
    /* 装饰在文本底部 */
}

.t-d-o {
    text-decoration: overline;
    /* 装饰在顶部 */
}

.t-d-l-t {
    text-decoration: line-through;
    /* 装饰在文本中间 */
}

.d-i {
    display: inline;
    /* 块级元素装换成行内元素 */
}

.d-i-b {
    display: inline-block;
    /* 块级元素装换成行内块元素 */
}

.d-b {
    display: block;
    /* 行内和行内块元素装换成块级元素 */
}

.d-n {
    display: none;
    /* 隐藏元素 */
}

.p-r {
    position: relative;
    /* 相对定位 */
}

.p-a {
    position: absolute;
    /* 绝对定位 */
}

.p-f {
    position: fixed;
    /* 固定定位 */
}
.b-r-50 {
    border-radius: 50%;
    /* 圆角为50% */
}
.d-j-a{
 display: flex;
 justify-content: center;
 align-items: center;
}

.j-c-s-a {
    justify-content: space-around;
    /* 两边的子元素距离父元素的两边有间距，然后中间距离自动等分 */
}

.j-c-s-b {
    justify-content: space-between;
    /* 两边的子元素距离父元素没有间距，然后中间距离自动等分 */
}

.j-c-c {
    justify-content: center;
    /* 所有的子元素相当于父元素水平居中 */
}

.a-i-c{
   align-items: center;
    /* （竖轴排列方式）子元素相当于父元素垂直方向居中 */
}

.f-d-c {
    flex-direction: column;
    /* 弹性盒模型的竖项排列方式 */
}

* {
    margin: 0;
    padding: 0;
    /* 清除游览器的痕迹 */
}

.conter {
    display: flex;
    justify-content: center;
    /* 弹性盒模型，所有的文本在页面的中间 */
}

.warp {
    width: 1280px;
    /* 宽度为1280px，基本上不会超过1400px */
}

.o-h {
    overflow: hidden;
    /* 超出部分隐藏 */
}

.w-o-t {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* 超出部分隐藏（只限字体） */
}
.oa_p_r{
    overflow: auto;
    padding-right: 20px;
}
.d-n {
    display: none;
    /* 不占位置 */
}

.r-0{
    right: 0px;
}

.f-w-w {
    flex-wrap: wrap;
    /* 换行 */
}

.w-s-n {
    white-space: nowrap;
    /* 内容不换行 */
}

.o-n {
    outline: none;
    /* 隐藏边框 */
}


.w-100 {
    width: 100%;
}

.z-i {
    z-index: 999;
}
.c-p {
    cursor: pointer;
}

/*css主要部分的样式*/
/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
    width: 8px; /*对垂直流动条有效*/
    height: 8px; /*对水平流动条有效*/
}

/*定义滑块颜色、内阴影及圆角*/
::-webkit-scrollbar-thumb{
border-radius: 4px;
background-color: #ccc;
}
.h-100{
    height: 100%;
}
.d-f-j-c-a-i{
	display: flex;
	align-items: center;
	justify-content: center;
}
.obligee {
    padding: 0rpx 10rpx;
    height: 52rpx;
    background: #F3F3F3;
    border-radius: 6rpx;
    color: #90939D;
}
.arrears {
    width: 686rpx;
    height: 56rpx;
    background: #FFD6DA;
    border-radius: 6rpx;
    margin: 0 auto;
    padding: 0rpx 20rpx;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
   margin-top: 10rpx;
}
